import React,{Component} from 'react';
import "./search.css";
import {SearchBar,Icon} from 'antd-mobile';
export default class SearchLayer extends Component{
    render(){
        return(
            <div className="search-layer" style={{display:this.props.show?"block":"none"}}>
                <div className="search-header">
                    <Icon type="left" className="search-back" size="md" color="#dddddd" />
                    <SearchBar placeholder="店铺、文章、活动"
                               className="layer-search"
                               showCancelButton={true}
                               cancelText="搜索"
                               autoFocus={true}
                        />
                </div>
                <div className="search-history">
                    <div className="header"><span className="title">历史搜索</span><Icon className="delete" type="cross" /></div>
                    <div className="search-words">
                        <a href="">热词</a><a href="">热词</a><a href="">热词</a>
                    </div>
                </div>
                <div className="search-history">
                    <div className="header"><span className="title">热门搜索</span></div>
                    <div className="search-words">
                        <a href="">热词</a><a href="">热词</a><a href="">热词</a>
                    </div>
                </div>
            </div>
        )
    }
}
